<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

<body>
    <noscript>
        <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
                Please enable it to continue.</strong>
    </noscript>
    <div id="app">
        <!-- 先显示一个动图，等待 js 动态加载 html 代码后，覆盖掉原来的 html 代码 -->
        <img src="./img/loading.gif" alt=""
            style="position:fixed;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);">
    </div>
    <!-- 生产环境下使用 CDN -->
    <% if(NODE_ENV==='production' ) { %>
        <script crossorigin="anonymous"
            integrity="sha384-5MwLLhZtPw+Fq6sQHTnXQ0FcS9UhPLyH3/cL0HldXotLnd65HX213VHV6imvAok+"
            src="//lib.baomitu.com/Mock.js/1.0.0/mock-min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/vuex/3.6.2/vuex.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.5.2/vue-router.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
        <% } %>
</body>

</html>